/* ---------------------------------------- css content 内容部分（针对16:9标准屏）----------------------------------------*/
body,html,article{
	overflow: hidden;
}
body{
	background: #0e2b5b;
}
.none{
	display: none;
}
.hide{
	opacity: 0;
}
a, a:visited{
	color: #fff;
}
section{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top:0;
    left: 0;
    will-change:transform,opacity;
}
.ibtn{
	position: absolute;
	bottom: 0.6rem;
	left: 50%;
	margin-left: -1.5rem;
	width: 3rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.29rem;
	color: #626262!important;
	font-weight: bold;
	border-radius: 0.2rem;
	box-shadow: 2px 2px 7px #777;
	background: #fff;
}
/*end*/
.moving{
	-webkit-animation: moving 2s infinite;
}
@-webkit-keyframes moving{
	0%{-webkit-transform: translate(-0.2rem, -0.2rem);}
	50%{-webkit-transform: translate(0rem, 0rem);}
	100%{-webkit-transform: translate(-0.2rem, -0.2rem);}
}
.breathe{
	-webkit-animation: breathing 2.3s ease infinite;
}
@-webkit-keyframes breathing{
	0%{opacity: 1;-webkit-transform:scale(1.1,1.1);}
	50%{opacity: 0.6;-webkit-transform:scale(1,1);}
	100%{opacity: 1;-webkit-transform:scale(1.1,1.1);}
}
/*anime end*/
.poster img{
	position: absolute;
	top:50%;
	left: 50%;
	-webkit-transform: translate(-50%,-55%);
	max-width: 7.5rem;
	max-height: 9.7rem;
}
.poster .tips{
	position: absolute;
	text-align: center;
	width: 2rem;
	bottom: 2rem;
	left: 50%;
	margin-left: -1rem;
}
.poster .tips img{
	display: block;
	margin: 0 auto;
	width: 0.67rem;
}
.poster .tips p{
	margin-top: 1.6rem;
    font-size: 0.29rem;
    color: #626262;
    font-weight: bold;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
}
/*---------------------------------------- css media 适配部分（针对使用虚拟系统按键的android）----------------------*/
@media screen and (device-width:360px) and (max-height:560px), screen and (device-width:412px) and (max-height:650px) and (-webkit-min-device-pixel-ratio:3.5), screen and (device-width:540px) and (device-height:780px){

}

/*---------------------------------------- css media 适配部分（针对iphone4） ----------------------------------------------*/
@media screen and (device-width:320px) and (device-height:480px), screen and (device-width:540px) and (device-height:702px){

}

/*---------------------------------------- css media 适配部分（针对android）----------------------*/
@media screen and (device-width:360px), screen and (device-width:412px) and (-webkit-min-device-pixel-ratio:3.5){

}

/*---------------------------------------- css media 适配部分（针对iphone） ----------------------------------------------*/
@media screen and (device-width:320px), screen and (device-width:375px), screen and (device-width:414px), screen and (device-width:540px) and (device-height:868px){

}